<template>
  <div class="device-info">
    <a-row type="flex" justify="space-around" align="middle">
      <a-col :span="6">
        <div>
          <img src="../assets/img.png" />
        </div>
        <div>
          <a-icon type="redo" style="font-size: 14px" />
        </div>
      </a-col>
      <a-col :span="12" STYLE="background: #42b983">
        <p class="height-50">col-4</p>
      </a-col>
    </a-row>
  </div>
</template>

<script>
export default {
  name: "DeviceInfo",
  inject: {
    device: {
      default: () => ({}),
    },
  },
  data() {
    return {
      demo: this.devices,
    };
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss"></style>
